<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
  <script src="../../scripts/lib/echarts-3.3.1/echarts.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>
      <li> <a href="sys-db.html"><i class="icon-db"></i><span>日志管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-disk.html">日志清理</a></li>
          <!-- <li><a href="sys-backup.html">数据备份</a></li> -->
        </ul>
      </li>

      <li> <a href="javascript:void(0);"><i class="icon-info-fill"></i><span>系统信息</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-info.html">系统信息</a></li>
          <li><a href="sys-email.html">邮件服务器</a></li>
          <li><a href="sys-collection.html">采集服务器</a></li>
          <li><a href="sys-server.html">客户端类型配置</a></li>
        </ul>
      </li>

      <li class="active"> <a href="sys-dictionary.html"><i class="icon-info-fill"></i><span>数据字典管理</span></a><em class="open"></em>
        <ul>
          <li  class="active"><a href="sys-dictionary.html">码表管理</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>码表管理</h2> <div class="alink"><a href="javascript:void(0);" onclick="javascript:history.go(-1)"><i class="icon-reply"></i>返回</a></div></div>

    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>码表：探针设备日志操作模块</h3>
          </div>
          <div class="btnbar"> <button class="btn btn-success" id="addbtn">添加编码</button></div>
          <div class="filter">
            <input type="text" placeholder="请输入关键词查询"> <button class="btn">检索</button>
          </div>

        </div>
        <div class="panel-body">
         <table class="table table-striped">
          <thead>
            <tr>
              <th width="5%">序号</th>
              <th>编码名称</th>
              <th width="28%">编码CODE</th>
              <th width="28%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>探针设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>2</td>
              <td>脱敏设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>3</td>
              <td>运维设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>4</td>
              <td>探针设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>5</td>
              <td>脱敏设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>6</td>
              <td>运维设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>7</td>
              <td>探针设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>8</td>
              <td>脱敏设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>9</td>
              <td>运维设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
            <tr>
              <td>10</td>
              <td>探针设备日志操作模块</td>
              <td>设备列表</td>
              <td class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
            </tr>
          </tbody>
        </table>
        <div class="panel-foot">
          <div class="btns"></div>
          <div class="page">
            <ul class="pagination">
              <li class="disabled"><a href="javascript:void(0);">&lt;</a></li>
              <li class="active"><a href="javascript:void(0);">1</a></li>
              <li><a href="javascript:void(0);">2</a></li>
              <li><a href="javascript:void(0);">3</a></li>
              <li><a href="javascript:void(0);">4</a></li>
              <li><a href="javascript:void(0);">5</a></li>
              <li><a href="javascript:void(0);">&gt;</a></li>
              <li class="go"><input type="text" title="输入页码跳转"></li>
            </ul>
          </div>
        </div>

      </div><!--panel-body end-->
    </div>
  </div>
</div>


</body>
</html>
<script>
  $(document).ready(function(){

    var flag=0;
    $("#addbtn").on('click',  function() {
      str="<tr><td></td><td><input type='text'  id='typename' placeholder='请输入编码类型名称'></td><td class='icons'><a href='#' id='savebtn'  title='保存'><i class='icon-save'></i></a></td>";
      if(flag==0){ $("table tbody").prepend(str); flag=1;}
    });

    $(".sys-main").on('click','#savebtn',  function() {
      alert("保存")
    });

  })
</script>